<template>
	<view class="my-lesson d-flex flex-column">
		<view class="top flex-between">
			<view class="d-flex">
				<view>
					<!-- <view class="name">{{
            studentList[studentIndex].student_info["姓名"]
          }}</view>
          <view class="phone">{{
            studentList[studentIndex].student_info["手机号"]
          }}</view> -->
					<view class="name">{{forlist.name}}</view>
					<view class="phone">{{forlist.mobile}}</view>
				</view>
				<view class="switch flex-center" @click="onSwitch">切换</view>
			</view>
			
			<view class="d-flex">
				<view>
					<view class="names"><text style="padding: 2rpx;border-radius: 8rpx; background-color: #ffffff;color: #4786fe;font-size: 22rpx;">监护人</text> <text style="font-size: 26rpx;margin-left: 5rpx;">{{forlist.custodian}}</text> </view>
					<view class="phones">{{forlist.custodian_mobile}}</view>
				</view>
			</view>
			<!-- <view class="" style="position: absolute;right: 20%;" v-if="forlist.custodian">
				监护人:{{forlist.custodian}}
			</view>
			<view class="" style="position: absolute;right: 20%;" v-if="forlist.custodian">
				监护人:{{forlist.custodian}}
			</view> -->
			<!-- <u-avatar size="90rpx" :src="forlist.head_img">
			</u-avatar> -->
		</view>

		<u-sticky>
			<u-tabs :list="tabsList" lineColor="#4786fe" :activeStyle="{
          color: '#2f75fa',
        }" :inactiveStyle="{
          color: '#353535',
        }" :lineWidth="30" :current="currentTab" @click="onClickTab" />
		</u-sticky>

		<!-- <view class="content flex-grow-1">
			<view class="con">
				<view class="list" v-show="currentTab === 0">
					<view class="item pr d-flex justify-space-between flex-column" v-for="(item,index) in 6"
						:key="index" @click="onClick(item)">
						<view>
							
							<view class="flex-align">
								<view style="margin-right: 12rpx">
									<u-tag text="私教" :bgColor="currentTab === 0 ? '#FC39E3' : '#dcdcdc'"
										borderColor="rgba(0,0,0,0)" color="#fff" size="mini"></u-tag>
								</view>

								<view class="name">222</view>
							</view>
							<view class="detail-2">
								<view
									style="float: left; width: auto;height: 50rpx;background-color: #2f75fa1a;border-radius: 30rpx;margin-top: 10rpx;padding: 0rpx 20rpx;"
									v-if="currentTab == 0">
									<view style="float: right;line-height: 50rpx;color: #333333;margin-right: 6rpx;">
										李商隐
									</view>
								</view>
								<view
									style="float: left; width: auto;height: 50rpx;background-color: #dcdcdc;border-radius: 30rpx;margin-top: 10rpx;padding: 0rpx 20rpx; "
									v-if="currentTab == 1">
									<view style="float: right;line-height: 50rpx;color: #ffffff;margin-right: 6rpx;">
										李商隐
									</view>
								</view>
								<view style="float: right;margin-top: -58rpx;" v-if="currentTab !== 1">
									<view class="flex-col text-wrapper_1"><text class="text_5">今 07:00~08:00</text>
									</view>
								</view>

							</view>
							<view style="margin-top: 20rpx" v-if="item.tag" class="d-flex">
								<u-tag :text="item.tag" :bgColor="
                  currentTab === 0 ? 'rgba(255, 143, 5, 0.1)' : '#dcdcdc'
                " :color="currentTab === 0 ? '#FF8F05' : '#fff'" shape="circle" borderColor="rgba(0,0,0,0)"></u-tag>
							</view>
						</view>

						<view class="bottom flex-between">
							<view class="flex-row justify-between group_3">
								<view class="flex-row items-center self-start group_4">
									<image class="shrink-0 image_5"
										src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a70accdc329c0011116ca9/16731594763839302067.png" />
									<text class="font_6 text_8">10/20课</text>
									<image class="shrink-0 image_5 image_6"
										src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a70accdc329c0011116ca9/16731594764081021110.png" />
									<text class="font_7 text_9">07.15-07.30</text>
								</view>
							</view>

							<navigator v-if="currentTab !== 1">
								<view class="qrcode">
									<u-image :src="`${assetsPath}fdacef21716adb6bb50e280a9351814e2327e9fd.png`"
										width="52rpx" height="52rpx"></u-image>
								</view>
							</navigator>
						</view>
					</view>
				</view>
				<view class="list" v-show="currentTab === 1">
					<view class="item pr d-flex justify-space-between flex-column" v-for="(item,index) in 4"
						:key="index" @click="onClick(item)">
						<view>
							<view class="flex-align">
								<view style="margin-right: 12rpx">
									<u-tag text="私教" :bgColor="currentTab === 0 ? '#FC39E3' : '#dcdcdc'"
										borderColor="rgba(0,0,0,0)" color="#fff" size="mini"></u-tag>
								</view>

								<view class="name">222</view>
							</view>
							<view class="detail-2">
								<view
									style="float: left; width: auto;height: 50rpx;background-color: #dcdcdc;border-radius: 30rpx;margin-top: 10rpx;padding: 0rpx 20rpx; ">
									<view style="float: right;line-height: 50rpx;color: #ffffff;margin-right: 6rpx;">
										李商隐
									</view>
								</view>
							</view>
							<view style="margin-top: 20rpx" v-if="item.tag" class="d-flex">
								<u-tag :text="item.tag" :bgColor="
					  currentTab === 0 ? 'rgba(255, 143, 5, 0.1)' : '#dcdcdc'
					" :color="currentTab === 0 ? '#FF8F05' : '#fff'" shape="circle" borderColor="rgba(0,0,0,0)"></u-tag>
							</view>
						</view>

						<view class="bottom flex-between">
							<view class="flex-row justify-between group_3">
								<view class="flex-row items-center self-start group_4">
									<image class="shrink-0 image_5"
										src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a70accdc329c0011116ca9/16731594763839302067.png" />
									<text class="font_6 text_8">10/20课</text>
									<image class="shrink-0 image_5 image_6"
										src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a70accdc329c0011116ca9/16731594764081021110.png" />
									<text class="font_7 text_9">07.15-07.30</text>
								</view>
							</view>

						</view>
					</view>
				</view>
			</view>
		</view> -->
		<!-- train_enum_id == 1  短训培训班-->
		<!-- train_enum_id == 2 长训-->
		<!-- train_enum_id == 3 小班-->
		<view class="list" v-if="classData.length">
			<view class="item" v-for="(item,index) in classData" :key="index">

				<view class="d-flex" v-if="currentTab !== 1" @click="onClick(item)">
					<u-image width="145rpx" height="171rpx" radius="10rpx" :src="item.cover">
					</u-image>

					<view style="margin-left: 16rpx">
						<view class="name blod" >
							<view class="flex-align">
								<view style="margin-right: 12rpx" v-if="item.train_enum_id == 1">
									<u-tag text="短训" :bgColor="currentTab === 0 ? '#2f75fa' : '#dcdcdc'"
										borderColor="rgba(0,0,0,0)" color="#fff" size="mini"></u-tag>
								</view>
								<view style="margin-right: 12rpx" v-if="item.train_enum_id == 2">
									<u-tag text="长训" :bgColor="currentTab === 0 ? '#26cd78' : '#dcdcdc'"
										borderColor="rgba(0,0,0,0)" color="#fff" size="mini"></u-tag>
								</view>
								<view style="margin-right: 12rpx" v-if="item.train_enum_id == 3">
									<u-tag text="小班" :bgColor="currentTab === 0 ? '#ec46f6' : '#dcdcdc'"
										borderColor="rgba(0,0,0,0)" color="#fff" size="mini"></u-tag>
								</view>

								<view class=""  style="display:flex;justify-content:space-between;flex-direction: row;">
									<view class="name">{{item.name}}</view>
									<view style="position: absolute;right: 20rpx;color: #EB4751;"  v-if="item.today == 1">今天</view>
								</view>
							</view>
						</view>
						<view class="venue_s">
							<view class="detail-2" v-if="item.train_enum_id != 1">
								<view  v-if="item.coach_name != ''"
									style="float: left; width: auto;height: 42rpx;background-color: #e8f6f2; : 30rpx;margin-top: 0rpx;padding: 0rpx 20rpx; ">
									<view style="float: right;line-height: 42rpx;color: #1aa384;margin-right: 6rpx;">
										{{item.coach_name}}
									</view>
								</view>
								<view  v-if="item.area_name != ''"
									style="float: left; width: auto;height: 42rpx;background-color: #fbdafd;border-radius: 30rpx;margin-top: 0rpx;padding: 0rpx 20rpx; ">
									<view style="float: right;line-height: 42rpx;color: #ee58f6;margin-left: 6rpx;">
										{{item.area_name}}
									</view>
								</view>
							</view>
							<view class="detail-2" v-else>
								<view style="float: left; width: auto;height: 42rpx;padding: 0rpx 20rpx; ">
								</view>
							</view>
						</view>
						<view class="venue_s">
							<view class="bottom flex-between">
								<view class="flex-row justify-between group_3">
									<view class="flex-row items-center self-start group_4">
										<image class="shrink-0 image_5"
											src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a70accdc329c0011116ca9/16731594763839302067.png" />
										<text class="font_6 text_8" v-if="item.train_enum_id == 1">{{item.sku}}</text>
										<text class="font_6 text_8"
											v-else>{{item.train_class_name}}{{item.train_item_name}}</text>
										<!-- <image class="shrink-0 image_5 image_6" v-if="item.train_enum_id != 1"
											src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a70accdc329c0011116ca9/16731594764081021110.png" />
										<text class="font_7 text_9" v-if="item.train_enum_id != 1"></text> -->
									</view>
								</view>

							</view>
						</view>
					</view>
				</view>
				<!-- <u-empty v-else text="暂无数据" icon="http://cdn.uviewui.com/uview/empty/data.png" /> -->

				<view class="d-flex" v-if="currentTab == 1">
					<u-image width="145rpx" height="171rpx" radius="10rpx" :src="item.cover">
					</u-image>

					<view style="margin-left: 16rpx">
						<view class="name blod">
							<view class="flex-align">
								<view style="margin-right: 12rpx" v-if="item.train_enum_id == 1">
									<u-tag text="短训" :bgColor="currentTab === 0 ? '#2f75fa' : '#dcdcdc'"
										borderColor="rgba(0,0,0,0)" color="#fff" size="mini"></u-tag>
								</view>
								<view style="margin-right: 12rpx" v-if="item.train_enum_id == 2">
									<u-tag text="长训" :bgColor="currentTab === 0 ? '#26cd78' : '#dcdcdc'"
										borderColor="rgba(0,0,0,0)" color="#fff" size="mini"></u-tag>
								</view>
								<view style="margin-right: 12rpx" v-if="item.train_enum_id == 3">
									<u-tag text="小班" :bgColor="currentTab === 0 ? '#ec46f6' : '#dcdcdc'"
										borderColor="rgba(0,0,0,0)" color="#fff" size="mini"></u-tag>
								</view>
						
								<view class="name">{{item.name}}</view>
							</view>
						</view>
						<view class="venue_s">
							<view class="detail-2" v-if="item.train_enum_id != 1">
								<view  v-if="item.coach_name != ''"
									style="float: left; width: auto;height: 42rpx;background-color: #dcdcdc;border-radius: 30rpx;margin-top: 0rpx;padding: 0rpx 20rpx; ">
									<view style="float: right;line-height: 42rpx;color: #ffffff;margin-right: 6rpx;">
										{{item.coach_name}}
									</view>
								</view>
								<view  v-if="item.area_name != ''"
									style="float: left; width: auto;height: 42rpx;background-color: #dcdcdc;border-radius: 30rpx;margin-top: 0rpx;padding: 0rpx 20rpx; ">
									<view style="float: right;line-height: 42rpx;color: #ffffff;margin-left: 6rpx;">
										{{item.area_name}}
									</view>
								</view>
							</view>
							<view class="detail-2" v-else>
								<view style="float: left; width: auto;height: 42rpx;padding: 0rpx 20rpx; ">
								</view>
							</view>
						</view>
						<view class="venue_s">
							<view class="bottom flex-between">
								<view class="flex-row justify-between group_3">
									<view class="flex-row items-center self-start group_4">
										<image class="shrink-0 image_5"
											src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a70accdc329c0011116ca9/16731594763839302067.png" />
										<text class="font_6 text_8" v-if="item.train_enum_id == 1">{{item.sku}}</text>
										<text class="font_6 text_8"
											v-else>{{item.train_class_name}}{{item.train_item_name}}</text>
										<!-- <image class="shrink-0 image_5 image_6" v-if="item.train_enum_id != 1"
											src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a70accdc329c0011116ca9/16731594764081021110.png" />
										<text class="font_7 text_9" v-if="item.train_enum_id != 1"></text> -->
									</view>
								</view>

							</view>
						</view>

					</view>
				</view>

				<!-- <view class="d-flex" v-if="currentTab !== 1">
					<view style="width: 100rpx; height: 100rpx;position: absolute;right: 20rpx;bottom: -32rpx;">
						<view class="qrcode" style="margin-left: 50rpx;" @click="onClickewm(item)">
							<u-image :src="`${assetsPath}fdacef21716adb6bb50e280a9351814e2327e9fd.png`" width="52rpx"
								height="52rpx"></u-image>
						</view>
					</view>
				</view> -->
			</view>

		</view>


		<u-empty v-else text="暂无数据" icon="http://cdn.uviewui.com/uview/empty/data.png" />
		<u-popup :show="showChooseStudent" mode="center" @close="showChooseStudent = false" :safeAreaInsetBottom="false"
			round="20rpx" closeable customStyle="width: 90%;">
			<view class="choose-student">
				<view class="title"> 选择想要查看的学生 </view>

				<scroll-view class="student-list" scroll-y>
					<view v-for="(item, index) in studentList" :key="item.id" class="student-item flex-align"
						@click="chooseStudent(item, index)">
						<!-- <view v-for="(item, index) in 10" :key="item.id" class="student-item flex-align"
							@click="chooseStudent(index, item.id)"> -->
						<u-avatar size="100rpx" :src="item.head_img"></u-avatar>
						<view style="margin-left: 30rpx">
							<!-- 	<view class="flex-align">
									<view class="name">{{ item.student_info["姓名"] }}</view>
									<u-icon :name="item.student_info['性别'] === '男' ? 'man' : 'woman'" size="30rpx"
										:color="
                      item.student_info['性别'] === '男' ? '#016dff' : '#ff0178'
                    "></u-icon>
								</view>
								<view class="course">年龄: {{ item.student_info["年龄"] }}</view> -->
							<view class="flex-align">
								<view class="name">{{item.name}}</view>
								<!-- <u-icon :name="item.student_info['性别'] === '男' ? 'man' : 'woman'" size="30rpx"
													:color="
								  item.student_info['性别'] === '男' ? '#016dff' : '#ff0178'
								"></u-icon> -->
							</view>
							<view class="course">{{item.mobile}}</view>
						</view>
					</view>
				</scroll-view>
			</view>
		</u-popup>
	</view>
	<!-- <u-empty v-else text="暂无数据" icon="http://cdn.uviewui.com/uview/empty/data.png" /> -->
	</view>
</template>

<script>
	const index = require("@/api/personal/index.js");
	export default {
		data() {
			return {
				assetsPath: this.$https.assetsPath,
				currentTab: 0,
				showChooseStudent: false,
				tabsList: [{
					name: "进行中"
				}, {
					name: "已结束"
				}],
				classData: [],
				currentStudent: {
					name: "李大奔",
					phone: "13576354535",
				},
				studentList: [], //学员信息
				studentIndex: 0,
				forlist: {
					name: '',
					head_img: '',
					mobile: '',
					id: '',
					custodian: '',
					custodian_mobile: ''
				},
				listQuery: { //分页
					limit: 7,
					page: 1,
				},
				totalPage: "",
				classDatalist: [],
				currentTablist:2
			};
		},
		onLoad(options) {
			this.chooseStudentData()
		},
		methods: {
			onClickTab({
				index
			}) {
				this.classData = []
				this.listQuery.page = 1
				this.currentTab = index;
				this.currentTablist = index + 2;
				this.getMyClasslist()
			},
			onSwitch() {
				this.showChooseStudent = true;
			},
			//点击学员
			chooseStudent(item, index) {
				this.forlist.id = ''
				this.classData = []
				this.listQuery.page = 1
				this.studentIndex = index;
				this.showChooseStudent = false;
				this.forlist.name = item.name;
				this.forlist.mobile = item.mobile;
				this.forlist.head_img = item.head_img;
				this.forlist.id = item.id;
				this.forlist.custodian = item.custodian;
				this.forlist.custodian_mobile = item.custodian_mobile;
				this.getMyClasslist();
			},
			onClick(item) {

				// if (this.currentTab === 0) {
				// uni.navigateTo({
				// 	url: `/pages_a/my-lesson/class-detail/class-detail?id=${item.id}&student_id=${this.forlist.id}`,
				// });
				// }
				// if (this.currentTab === 0) {
				uni.navigateTo({
					url: './class-detail/class-detail?student_id=' + this.forlist.id + '&id=' + item.id,
				});

			},
			onClickewm(item) {
				uni.navigateTo({
					url: './lesson_code?student_id=' + this.forlist.id + '&goods_id=' + item.id,
				});
			},
			async getMyClasslist() {
				let that = this;
				if (that.listQuery.page === 1) that.classData = [];
				let params = {
					student_id: this.forlist.id,
					appid: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					openid: uni.getStorageSync("openid"),
					user_id: uni.getStorageSync("phone"),
					status: this.currentTablist,
					pageSize: this.listQuery.limit,
					page: this.listQuery.page,
				};
				let res = await index.getMyClasslist(params);
				if (res.code === 1) {
					// this.classDatalist = res.data.classData;
					that.classData = that.classData.concat(res.data.classData.data); //将数据拼接在一起
					that.totalPage = res.data.classData.last_page
				}
			},
			// 下拉刷新
			onReachBottom() {
				if (this.totalPage <= this.listQuery.page) {
					uni.showToast({
						title: '没有更多了',
						duration: 2000,
						icon: 'none'
					});
					return
				}
				this.listQuery.page += 1;
				this.getMyClasslist()
			},
			// 切换学员
			async chooseStudentData(student_id) {
				let param = {
					project_id: getApp().globalData.projectId,
					user_id: uni.getStorageSync("phone"),
					openid: uni.getStorageSync("openid"),
					appid: this.$https.weixinAppId,
				};
				let res = await index.students(param);

				if (res.code == 1) {
					this.studentList = res.data.studentList;
					this.forlist.name = res.data.studentList[0].name;
					this.forlist.mobile = res.data.studentList[0].mobile;
					this.forlist.head_img = res.data.studentList[0].head_img;
					this.forlist.id = res.data.studentList[0].id;
					this.forlist.custodian = res.data.studentList[0].custodian;
					this.forlist.custodian_mobile = res.data.studentList[0].custodian_mobile;
					// this.$forceUpdate();
					this.getMyClasslist();
				}
			},
		},
	};
</script>

<style lang="scss" scoped>
	.my-lesson {
		height: 100%;
		// background-color: #2f75fa;

		.list {
			padding: 30rpx;
			line-height: 34rpx;
			color: #333333;
			background-color: white;
		}

		.item {
			padding: 30rpx;
			background: #ffffff;
			box-shadow: 0px 6rpx 13rpx 1rpx rgba(23, 106, 180, 0.2);
			border-radius: 10rpx;
			position: relative;

			&+.item {
				margin-top: 30rpx;
			}

			.name {
				font-size: 30rpx;
			}

			.venue {
				font-size: 24rpx;
				margin: 19rpx 0;
			}

			.venue_s {
				font-size: 24rpx;

			}

			.date {
				font-size: 24rpx;
				color: #888888;
			}

			.to {
				background: #f3f3f3;
				border-radius: 50%;
				width: 51rpx;
				height: 51rpx;
			}

			.share_m {
				width: 140rpx;
				height: 60rpx;
				border-radius: 50%;
				position: absolute;
				top: 12%;
				right: -30rpx;
				font-size: 25rpx;

			}

			.share_mc {
				width: 140rpx;
				height: 60rpx;
				border-radius: 50%;
				position: absolute;
				top: 18%;
				right: 160rpx;
				font-size: 25rpx;

			}

			.share_a {
				width: 140rpx;
				height: 60rpx;
				border-radius: 50%;
				position: absolute;
				top: 5%;
				right: 3rpx;

				#shareBtn {
					width: 110rpx;
					height: 60rpx;
					position: absolute;
					border-radius: 50%;
					top: 0;
					left: -2rpx;
					opacity: 0.1;
					font-size: 20rpx;
					text-align: center;
					line-height: 60rpx;
				}
			}
		}

		.top {
			padding: 30rpx 40rpx;
			color: #eaf8f8;
			background-color: #2f75fa;

			.name {
				font-size: 36rpx;
				font-weight: bold;
				margin-top: 24rpx;
			}
			.names {
				margin-top: 24rpx;
			}

			.phone {
				font-size: 26rpx;
				margin-top: 18rpx;
			}
			.phones {
				font-size: 26rpx;
				margin-top: 18rpx;
			}

			.switch {
				width: 100rpx;
				height: 100rpx;
				background: rgba(40, 40, 40, 0.2);
				border-radius: 50%;
				margin-left: 30rpx;
				font-size: 24rpx;
				margin-top: 18rpx;
			}
		}

		/deep/.u-tabs {
			background-color: #fff;
			border-bottom: 1px solid #e5e5e5;
			// border-radius: 30rpx 30rpx 0 0;

			.u-tabs__wrapper__nav__item {
				flex: 1;
			}

			.u-tabs__wrapper__nav__line {
				bottom: 0;
			}
		}

		.content {
			padding: 30rpx;
			padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
			background-color: #fff;
		}

		.list {
			&.end {
				.name {
					color: #999;
				}
			}

			.item {
				box-shadow: 0px 6rpx 13rpx 1rpx rgba(23, 106, 180, 0.2);
				border-radius: 20rpx;
				background: #ffffff;
				padding: 20rpx 20rpx;
				height: 211rpx;

				&+.item {
					margin-top: 30rpx;
				}

				.name {
					font-size: 30rpx;
					font-weight: bold;
					line-height: 34rpx;
				}

				.detail-2 {
					width: 100%;
					height: 50rpx;
					margin-top: 17rpx;
					color: #bebebe;
					font-size: 22rpx;
					font-weight: 500;
				}

				.text-wrapper_1 {
					padding: 11.5rpx 0 14rpx;
					background-color: #fa4c4c;
					border-radius: 25.5rpx 0px 0px 25.5rpx;
					height: 52rpx;
				}

				.text_5 {
					margin-left: 21rpx;
					margin-right: 4rpx;
					color: #ffffff;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 500;
					line-height: 22rpx;
					margin-top: -10rpx;
				}

				.date {
					right: 0;
					top: 30rpx;
					background: #fa4c4c;
					border-radius: 26rpx 0px 0px 26rpx;
					width: 198rpx;
					height: 40rpx;
					font-size: 24rpx;
					color: #fff;
				}

				.bottom {
					font-size: 22rpx;

					.group_3 {


						.group_4 {
							// margin-top: 27rpx;
							padding: 20rpx 0 0rpx 20rpx;

							.image_5 {
								width: 25rpx;
								height: 25rpx;
							}

							.font_6 {
								position: absolute;
								font-size: 22rpx;
								line-height: 21rpx;
								font-weight: 500;
								color: #333333;
								width: 65%;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
							}

							.text_8 {
								margin-left: 7rpx;
								margin-top: 2rpx;
							}

							.image_6 {
								margin-left: 35rpx;
							}

							.font_7 {
								font-size: 22rpx;
								line-height: 17rpx;
								font-weight: 500;
								color: #333333;
							}

							.text_9 {
								margin-left: 7rpx;
							}
						}

						.image_4 {
							width: 52rpx;
							height: 52rpx;
						}
					}

					.left {
						.it {
							&+.it {
								margin-left: 35rpx;
							}
						}
					}
				}
			}
		}

		.choose-student {
			padding: 80rpx 30rpx;

			.title {
				font-size: 36rpx;
				font-weight: bold;
				text-align: center;
			}

			.student-list {
				margin-top: 60rpx;
				max-height: 600rpx;
				min-height: 530rpx;

				.student-item {
					background-color: #f3f3f3;
					padding: 30rpx 40rpx;
					border-radius: 20rpx;
					height: 120rpx;

					&+.student-item {
						margin-top: 30rpx;
					}

					.name {
						font-size: 25rpx;
						font-weight: bold;
						margin-right: 20rpx;
					}

					.course {
						color: #c1c1c1;
						font-size: 25rpx;
						margin-top: 30rpx;
					}
				}
			}
		}
	}
</style>
